<!DOCTYPE html>
<html>

<head>
  <meta charset=utf-8 />
  <title>Return first and last name from a form - w3resource</title>
</head>

<body>
  <form id="form1">
    姓名: <input type="text" name="name" value="张三"><br>
    年龄: <input type="text" name="age" value="20"><br>
    <input type="submit" value="提交">
  </form>

  <script>
    /*
      要求：
      监听id=form1的表单的提交（submit）事件
      获得表单上的名字和年龄，并用console.log打印
      使用addEventListener绑定事件
      （不允许修改html代码）
    */
    let form = document.getElementById('form1')
    form.addEventListener('submit', (e) => {
      e.preventDefault();
      let name = document.getElementsByName('name')[0]
      let age = document.getElementsByName('age')[0]
      console.log(`姓名：${name.value},年龄：${age.value}`)

    })
  </script>
</body>

</html>